About design development

You arrange the pages of a design both logically and visually. Logically, you place them in a hierarchy and connect them with pending links. Visually, you move pages around and into appropriate positions, align and distribute pages, and bend or unbend the lines linking them, as if you were using a drawing program.

The sections following describe the logical and visual parts of design development as separate processes. In practice, you combine the processes in various ways. For example, drawing features help you to visualize the logic of the design as it develops, not just to present the finished design in the most effective way to reviewers and clients. And changes in linking logic have an impact on the look of the design.

You also change the look of a design when you annotate it, especially when you use annotation subjects as captions for link lines or pages. And you can use the View Controller to change the orientation of the design; the shape, color, and labeling of HTML file icons; and so on. For information, see Annotating a site design and Viewing a site design.

File icons in designs can be labeled with filenames, page titles, or abstract design names. Filenames and page titles can be distracting when you are working out the rough outlines of a design. Design names such as "Home pg" and "Golf" can be helpful.

Designing Web Sites > Developing a site design > About design development